
    <style>
        .searchList label{
            line-height: 34px;
        }
        #searchCommunity a{
            color: #0A6CD1;
        }
        #searchCommunity h5{
            background-image:url(/assets/accountLogo/xiaoqu.png);
            height: 34px;
            width: 34px;
            line-height: 20px;
            color: #ffffff;
            font-size:12px;
        }
        .panel-tools a{
            /*margin-left: -24px!important;*/
        }
        #s2id_city>a{
            padding-left: 12px;
            box-shadow: none;
            border-radius: 0;
            border-color: #eaeaea;
        }
        .select2-container .select2-choice>.select2-chosen{
            /*padding-top: 6px;*/
        }
        #page .ui-pagination-container{
            width: 100%;
           /* padding: 35px 0 0 0;*/
        }
        #page{
            display: flex;
            justify-content: center;
        }
        #page .ui-pagination-container .ui-pagination-page-item{
            color: #6a6c6f;
            text-shadow:none;
        }
        #page .ui-pagination-container .ui-pagination-page-item.active{
            color: #fff;
        }
        #page .ui-pagination-container .ui-pagination-page-item:hover{
            color: #fff;
        }
        #searchCommunity{
            background: #fff;
            margin: 0;
            overflow-y: auto;
            max-height: 450px;
        }
        @media screen and (max-height: 800px) {
            #searchCommunity {
                max-height: 150px;
            }
        }
    </style>
    <asset:stylesheet src="JQpage/jquery.pagination.css"/>
    <asset:javascript src="JQpage/jquery.pagination.min.js"/>
<div class="input-group" style="width:100px;position: absolute;z-index: 10;left: 20px;top:70px">
    <div class='input-group-btn' >
        <g:select class="form-control" name="city" id="city"
                  from="${com.cindata.City.findAllByNameInList(new com.cindata.ComponentService().evaluate(com.cindata.Component.findByCode('showCity')), [sort: 'name', order: 'asc'])}"
                  valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                  value="${params?.city}"
                  onchange="search()"/>
    </div>
    <input type="text" class="form-control" style="width:352px" id="search"/>
    <span class="fa fa-search" id='searchData' style="position: absolute;z-index: 20;right: 13px;top: 9px;cursor: pointer;font-size: 16px;color: #9d9fa2;"
       onclick="searchData(window.map)"></span>
    <div id="word2" style="z-index: 10; position: absolute;width:352px;top: 34px;"></div>
</div>
<div style="width:450px;position: absolute;z-index: 9;left: 20px;top:110px">
    <div class="">
        <div class="hpanel">
            
            <div>
                <ul class="list-group" id="searchCommunity">

                </ul>
                <div class="pagination" id="page"></div>
            </div>
        </div>
    </div>
</div>
